<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATES_PATH;?>/css/brand.css"/>	
<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATES_PATH;?>/css/view.css"/>	
<script type="text/javascript" src="<?php echo TEMPLATES_PATH;?>/js/brand.js"></script>
<header class="layout head padding-small">
    <a href="javascript:pageBack();" class="hBack float-left"></a>
    <h4 class="hTxt float-left text-center text-white"><?php echo $output['brand_info']['brand_name']?></h4>
    <a href="javascript:;" id="btnJdkey" class="hHlep float-right"></a>
</header>

<div class="bd_fav <?php echo in_array($_SESSION['member_id'],$output['m_id'])?'bd_fav_hover':''?>" id="brand_fav" data-brand_id="<?php echo $output['brand_info']['brand_id']?>"></div>
<div class="bd_ban">
	<img src="<?php echo SiteUrl.DS.ATTACH_BRAND.DS.$output['brand_info']['brand_store_id'].DS.$output['brand_info']['brand_detail_banner']?>" onerror="this.src='<?php echo TEMPLATES_PATH.DS.'images/html5/default.png'?>'">
</div>

<img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/ys_top.jpg" style=" max-width:100%;">
<div class="img-sild" style="position:relative;height:123px; width:100%">
    <div ontouchstart="touchStart(event)" ontouchmove="touchMove(event,'slide');" ontouchend="touchEnd(event,'slide');">
        <div class="tbl-type" style="position:absolute;height:123px;margin-left:0px" id="slide">
            <?php 
                if(!empty($output['cous_arr']) && is_array($output['cous_arr'])){
                foreach($output['cous_arr'] as $k=>$item){
            ?>
            <a class="tbl-cell" id="c_<?php echo $k?>" href="javascript:void(0);" onclick="showdedia('<?php echo $item['mvUrl']?>.f4v')">
                <div class="pro-img">
                    <span class="img"><img src="<?php echo $item['imgUrl'];?>.jpg" width="220" height="123"></span>
                </div>
            </a>
            <?php }?>
            <?php }?>
        </div>
    </div>
</div>

<img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/ys_top2.jpg" style=" max-width:100%;">
<div class="img-sild" style="position:relative;height:123px; width:100%">
    <div ontouchstart="touchStart(event)" ontouchmove="touchMove(event,'slide_two');" ontouchend="touchEnd(event,'slide_two');">
        <div class="tbl-type" style="position:absolute;height:123px;margin-left:0px" id="slide_two">
            <?php 
                if(!empty($output['boss_arr']) && is_array($output['boss_arr'])){
                foreach($output['boss_arr'] as $k=>$item){
            ?>
            <a class="tbl-cell" id="b_<?php echo $k?>" href="javascript:void(0);" onclick="showdedia('<?php echo $item['mvUrl']?>.f4v')">
                <div class="pro-img">
                    <span class="img"><img src="<?php echo $item['imgUrl'];?>.jpg" width="220" height="123"></span>
                </div>
            </a>
            <?php }?>
            <?php }?>
        </div>
    </div>
</div>


<div class="bd_detail" style="padding:0;">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_01.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_02.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_03.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_04.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_05.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_06.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_07.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_08.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_09.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_10.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_11.gif">

    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_12.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_13.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_14.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_15.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_16.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_17.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_18.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_19.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_20.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_21.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_22.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_23.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_24.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_25.gif">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_26.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_27.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_28.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_29.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_30.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_31.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_32.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_33.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_34.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_35.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_36.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_37.jpg">
    <img src="<?php echo SiteUrl.'/';?>templates/default/images/ysimages/5_38.jpg">
</div>

<script src="<?php echo SiteUrl;?>/resource/js/appjs.js" data-main="main.js"></script>
<script type="text/javascript" src="<?php echo SiteUrl;?>/resource/js/jquery-ui/jquery.ui.js"></script>
<script type="text/javascript" src="<?php echo SiteUrl;?>/resource/ckplayer/ckplayer.js" charset="utf-8"></script>

<script type="text/javascript">
	function loadedHandler(){
		<?php foreach($output['cous_arr'] as $k=>$v){?>
	   CKobject.getObjectById('c_<?php echo $k;?>').addListener('play',function(){});
	   <?php }?>
	   <?php foreach($output['boss_arr'] as $k=>$v){?>
	   CKobject.getObjectById('b_<?php echo $k;?>').addListener('play',function(){});
	   <?php }?>
	}
	function showdedia(media)
	{
		 AppJs.dlgbox.open({dlgTitleText:'御神视频观看',dlgWidth:340,dlgHeight:220});
		 var flashvars={p:1,e:1,b:0};
		 var params={allowfullscreen : "true",allowScriptAccess:'always'};
		 var video=[media+'->video/mp4'];
		 var support=['all'];
		 CKobject.embedHTML5('dlg-content-bar','ckplayer_a1',340,190,video,flashvars,support,params);
	}
</script>